.couponItem {
  background-color: #fff;
  padding: 0 0 0 16px;
  height: 184px;
  margin-bottom: 24px;
  border-radius: 12px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-left: 4px solid #ff6600;

  .coupon-left {
    flex-basis: 176px;
    padding-right: 16px;
    align-items: center;
    position: relative;

    .coupon-value {
      font-size: 48px;
      color: #ff6600;
      font-weight: 500;

      .coupon-label {
        font-size: 20px;
        color: #ff6600;
      }
    }

    .expiring {
      position: absolute;
      width: 72px;
      height: 72px;
      left: -16px;
      top: -48px;
    }
  }

  .coupon-info {
    flex: 1;
    padding: 36px 0;

    .info-name {
      flex-direction: row;
      margin-bottom: 28px;
      position: relative;

      .currencyBg {
        width: 76px;
        height: 28px;
        position: absolute;
        z-index: 1;
      }

      .coupon-type {
        z-index: 2;
        color: #fff;
        font-size: 20px;
        padding: 4px 8px;
      }

      .cp-name {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-left: 10px;
        white-space: nowrap;
        width: 1px;
      }
    }

    .coupon-rang {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 1.2;
      width: 363px;
    }
  }

  .coupon-right {
    align-items: flex-end;
    margin-right: -5px;

    .check-view {
      width: 35px;
    }

    .check-image {
      width: 35px;
      height: 35px;
    }
  }
}
